﻿<!DOCTYPE html>
<html>
  <head>
    <title>4.1 消息-首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/4_1_消息-首页/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/4_1_消息-首页/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (图片 ) -->
      <div id="u1495" class="ax_default _图片_">
        <img id="u1495_img" class="img " src="images/示例页面/u128.png"/>
        <div id="u1495_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1496" class="ax_default flow_shape">
        <div id="u1496_div" class=""></div>
        <div id="u1496_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1497" class="ax_default" data-left="746" data-top="593" data-width="977" data-height="47">

        <!-- Header 2 (矩形) -->
        <div id="u1498" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1498_div" class=""></div>
          <div id="u1498_text" class="text ">
            <p><span>10:30 </span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u1499" class="ax_default icon">
          <img id="u1499_img" class="img " src="images/示例页面/u127.svg"/>
          <div id="u1499_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1500" class="ax_default box_1">
        <div id="u1500_div" class=""></div>
        <div id="u1500_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1501" class="ax_default" data-left="1169" data-top="2851" data-width="127" data-height="127">

        <!-- Unnamed (组合) -->
        <div id="u1502" class="ax_default" data-left="1169" data-top="2851" data-width="127" data-height="127">

          <!-- Unnamed (矩形) -->
          <div id="u1503" class="ax_default box_2">
            <div id="u1503_div" class=""></div>
            <div id="u1503_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u1504" class="ax_default" data-left="1208" data-top="2890" data-width="50" data-height="50">

            <!-- Unnamed (矩形) -->
            <div id="u1505" class="ax_default box_1">
              <div id="u1505_div" class=""></div>
              <div id="u1505_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1506" class="ax_default box_1">
              <div id="u1506_div" class=""></div>
              <div id="u1506_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1507" class="ax_default _图片_">
        <img id="u1507_img" class="img " src="images/示例页面/u154.png"/>
        <div id="u1507_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1508" class="ax_default _图片_">
        <img id="u1508_img" class="img " src="images/示例页面/u165.png"/>
        <div id="u1508_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1509" class="ax_default label">
        <div id="u1509_div" class=""></div>
        <div id="u1509_text" class="text ">
          <p><span>To share</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1510" class="ax_default label">
        <div id="u1510_div" class=""></div>
        <div id="u1510_text" class="text ">
          <p><span>社区</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1511" class="ax_default label">
        <div id="u1511_div" class=""></div>
        <div id="u1511_text" class="text ">
          <p><span>消息</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1512" class="ax_default label">
        <div id="u1512_div" class=""></div>
        <div id="u1512_text" class="text ">
          <p><span>我的</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1513" class="ax_default _图片_">
        <img id="u1513_img" class="img " src="images/示例页面/u167.png"/>
        <div id="u1513_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1514" class="ax_default _图片_">
        <img id="u1514_img" class="img " src="images/示例页面/u170.png"/>
        <div id="u1514_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1515" class="ax_default label">
        <div id="u1515_div" class=""></div>
        <div id="u1515_text" class="text ">
          <p><span>消息</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1516" class="ax_default image">
        <img id="u1516_img" class="img " src="images/4_1_消息-首页/u1516.png"/>
        <div id="u1516_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1517" class="ax_default box_1">
        <div id="u1517_div" class=""></div>
        <div id="u1517_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1518" class="ax_default box_1">
        <div id="u1518_div" class=""></div>
        <div id="u1518_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1519" class="ax_default image">
        <img id="u1519_img" class="img " src="images/4_1_消息-首页/u1519.png"/>
        <div id="u1519_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1520" class="ax_default image">
        <img id="u1520_img" class="img " src="images/4_1_消息-首页/u1520.png"/>
        <div id="u1520_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1521" class="ax_default label">
        <div id="u1521_div" class=""></div>
        <div id="u1521_text" class="text ">
          <p><span>通知消息</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1522" class="ax_default label">
        <div id="u1522_div" class=""></div>
        <div id="u1522_text" class="text ">
          <p><span>您的订单已发货&nbsp; 6-24&nbsp; 10.00</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1523" class="ax_default label">
        <div id="u1523_div" class=""></div>
        <div id="u1523_text" class="text ">
          <p><span>互动消息</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1524" class="ax_default label">
        <div id="u1524_div" class=""></div>
        <div id="u1524_text" class="text ">
          <p><span>不知名小周11点赞了您的宝贝</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1525" class="ax_default box_1">
        <div id="u1525_div" class=""></div>
        <div id="u1525_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1526" class="ax_default ellipse">
        <img id="u1526_img" class="img " src="images/2_3社区-帖子详情/u1151.svg"/>
        <div id="u1526_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1527" class="ax_default label">
        <div id="u1527_div" class=""></div>
        <div id="u1527_text" class="text ">
          <p><span>勇敢周周</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1528" class="ax_default label">
        <div id="u1528_div" class=""></div>
        <div id="u1528_text" class="text ">
          <p><span>包邮可以吗？</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1529" class="ax_default label">
        <div id="u1529_div" class=""></div>
        <div id="u1529_text" class="text ">
          <p><span>30分钟以前</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1530" class="ax_default box_2">
        <div id="u1530_div" class=""></div>
        <div id="u1530_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1531" class="ax_default image">
        <img id="u1531_img" class="img " src="images/4_1_消息-首页/u1531.jpg"/>
        <div id="u1531_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1532" class="ax_default box_1">
        <div id="u1532_div" class=""></div>
        <div id="u1532_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1533" class="ax_default ellipse">
        <img id="u1533_img" class="img " src="images/2_3社区-帖子详情/u1151.svg"/>
        <div id="u1533_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1534" class="ax_default label">
        <div id="u1534_div" class=""></div>
        <div id="u1534_text" class="text ">
          <p><span>不怕困难</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1535" class="ax_default label">
        <div id="u1535_div" class=""></div>
        <div id="u1535_text" class="text ">
          <p><span>几成新？</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1536" class="ax_default label">
        <div id="u1536_div" class=""></div>
        <div id="u1536_text" class="text ">
          <p><span>4小时之前</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1537" class="ax_default box_2">
        <div id="u1537_div" class=""></div>
        <div id="u1537_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1538" class="ax_default image">
        <img id="u1538_img" class="img " src="images/4_1_消息-首页/u1531.jpg"/>
        <div id="u1538_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1539" class="ax_default box_1">
        <div id="u1539_div" class=""></div>
        <div id="u1539_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1540" class="ax_default ellipse">
        <img id="u1540_img" class="img " src="images/2_3社区-帖子详情/u1151.svg"/>
        <div id="u1540_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1541" class="ax_default label">
        <div id="u1541_div" class=""></div>
        <div id="u1541_text" class="text ">
          <p><span>今天放假了吗</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1542" class="ax_default label">
        <div id="u1542_div" class=""></div>
        <div id="u1542_text" class="text ">
          <p><span>[买家已确认收货，钱已...]</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1543" class="ax_default label">
        <div id="u1543_div" class=""></div>
        <div id="u1543_text" class="text ">
          <p><span>06-22</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1544" class="ax_default box_2">
        <div id="u1544_div" class=""></div>
        <div id="u1544_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1545" class="ax_default image">
        <img id="u1545_img" class="img " src="images/4_1_消息-首页/u1545.jpg"/>
        <div id="u1545_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1546" class="ax_default box_1">
        <div id="u1546_div" class=""></div>
        <div id="u1546_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1547" class="ax_default ellipse">
        <img id="u1547_img" class="img " src="images/2_3社区-帖子详情/u1151.svg"/>
        <div id="u1547_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1548" class="ax_default label">
        <div id="u1548_div" class=""></div>
        <div id="u1548_text" class="text ">
          <p><span>可乐好了</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1549" class="ax_default label">
        <div id="u1549_div" class=""></div>
        <div id="u1549_text" class="text ">
          <p><span>还在吗？</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1550" class="ax_default label">
        <div id="u1550_div" class=""></div>
        <div id="u1550_text" class="text ">
          <p><span>06-21</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1551" class="ax_default box_2">
        <div id="u1551_div" class=""></div>
        <div id="u1551_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1552" class="ax_default image">
        <img id="u1552_img" class="img " src="images/4_1_消息-首页/u1552.jpg"/>
        <div id="u1552_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1553" class="ax_default box_1">
        <div id="u1553_div" class=""></div>
        <div id="u1553_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1554" class="ax_default ellipse">
        <img id="u1554_img" class="img " src="images/2_3社区-帖子详情/u1151.svg"/>
        <div id="u1554_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1555" class="ax_default label">
        <div id="u1555_div" class=""></div>
        <div id="u1555_text" class="text ">
          <p><span>全员放假中</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1556" class="ax_default label">
        <div id="u1556_div" class=""></div>
        <div id="u1556_text" class="text ">
          <p><span>有购买凭证吗？</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1557" class="ax_default label">
        <div id="u1557_div" class=""></div>
        <div id="u1557_text" class="text ">
          <p><span>06-01</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1558" class="ax_default box_2">
        <div id="u1558_div" class=""></div>
        <div id="u1558_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1559" class="ax_default image">
        <img id="u1559_img" class="img " src="images/4_1_消息-首页/u1559.jpg"/>
        <div id="u1559_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1560" class="ax_default box_1">
        <div id="u1560_div" class=""></div>
        <div id="u1560_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1561" class="ax_default label">
        <div id="u1561_div" class=""></div>
        <div id="u1561_text" class="text ">
          <p><span>无人生还</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1562" class="ax_default image">
        <img id="u1562_img" class="img " src="images/4_1_消息-首页/u1562.png"/>
        <div id="u1562_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1563" class="ax_default image1">
        <img id="u1563_img" class="img " src="images/4_1_消息-首页/u1563.svg"/>
        <div id="u1563_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1564" class="ax_default image">
        <img id="u1564_img" class="img " src="images/4_1_消息-首页/u1564.jpg"/>
        <div id="u1564_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1565" class="ax_default image">
        <img id="u1565_img" class="img " src="images/4_1_消息-首页/u1565.jpg"/>
        <div id="u1565_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1566" class="ax_default image1">
        <img id="u1566_img" class="img " src="images/4_1_消息-首页/u1566.jpg"/>
        <div id="u1566_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1567" class="ax_default image1">
        <img id="u1567_img" class="img " src="images/4_1_消息-首页/u1567.jpg"/>
        <div id="u1567_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1568" class="ax_default image1">
        <img id="u1568_img" class="img " src="images/4_1_消息-首页/u1568.png"/>
        <div id="u1568_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1569" class="ax_default box_1">
        <img id="u1569_img" class="img " src="images/4_1_消息-首页/u1569.svg"/>
        <div id="u1569_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1570" class="ax_default _文本段落">
        <div id="u1570_div" class=""></div>
        <div id="u1570_text" class="text ">
          <p><span>4.1 消息-首页</span></p><p><span>1. 点击底部功能性icon“消息”，进入【4.1消息-首页】页面</span></p><p><span>2.点击“通知消息”，进入【4.2消息-通知消息】，在【消息-首页】显示最近一条系统发送的通知消息</span></p><p><span>日期：显示月-日-时-分-秒</span></p><p><span>3.点击”互动消息“，进入【4.3消息-互动消息】，在【消息-首页】显示最近一条互动消息</span></p><p><span>4.【消息-首页】展示6条用户私聊消息，上下滑动可以看到其它折叠的用户私聊信息</span></p><p><span>用户私聊信息的排序：由上到下按照聊天时间由早到晚</span></p><p><span>在【消息-首页】展示最近一条私聊信息</span></p><p><span>时间：12小时内的消息，展示XX分钟前，XX小时前</span></p><p><span>大于12小时内的消息，展示当天的具体日期即月-日</span></p><p><span>点击私聊消息区域任意位置，进入【4.4消息-私聊】界面</span></p><p><span>5. 点击右上角“设置”icon，进入【4.5消息-设置】页面</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1571" class="ax_default _一级标题">
        <div id="u1571_div" class=""></div>
        <div id="u1571_text" class="text ">
          <p><span>4.1 消息-首页</span></p>
        </div>
      </div>

      <!-- Unnamed (热区) -->
      <div id="u1572" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u1573" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u1574" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u1575" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u1576" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u1577" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u1578" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u1579" class="ax_default">
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
